<ion-side-menus enable-menu-with-back-views="false">
  <ion-side-menu side="left" expose-aside-when="(min-width:600px)">
    <ion-header-bar class="bar-stable">
      <h1 class="title">逍遥游</h1>
    </ion-header-bar>
    <ion-content>
      <!--显示用户头像-->
      <div class="block-highlight">
        <div class="row">
          <div class="col col-center col-vertical-compacted">
            <img class="image-avatar-md" ng-show="currentUser"
            ng-src="{{rootUrl}}/{{currentUser.avatarFileName}}">
            <img class="image-avatar-lg" ng-hide="currentUser" ng-click="logon()"
            ng-src="{{rootUrl}}/no-avatar.jpg">
          </div>
        </div>
      </div>
      <!--显示可用操作-->
      <ion-list>
        <ion-item menu-close ng-click="logon()" ng-hide="currentUser" 
        class="text-center item-complex">
          <a class="item-content">登录</a>
        </ion-item>
        <ion-item menu-close ng-click="register()" ng-hide="currentUser" 
        class="text-center item-complex">
          <a class="item-content">注册</a>
        </ion-item>        
        <ion-item menu-close ng-click="logout()" ng-show="currentUser" 
        class="text-center item-complex">
          <a class="item-content">退出</a>
        </ion-item>        
        <ion-item menu-close ui-sref="app.articles" class="text-center">
          旅友行踪
        </ion-item>
        <ion-item menu-close ui-sref="app.myArticles" ng-show="currentUser" 
        class="text-center">
          我的足迹
        </ion-item>
        <ion-item menu-close ui-sref="app.products" class="text-center">
          预约旅行产品
        </ion-item>        
        <ion-item menu-close ui-sref="app.setting" ng-show="currentUser" 
        class="text-center">
          设置
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>

  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button 
      class="button icon-left ion-chevron-left button-clear button-icon">返回
      </ion-nav-back-button>
      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>
</ion-side-menus>

